//
// Variables and Mixins
//
@import "variables.op-business";
@import "../../../../assets/include/scss/unify";

/* Typography */
body {
  line-height: 1.8;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: $g-color-gray-dark-v2;
}

/* Hamburger */
.hamburger {
  padding: 0;
}

.hamburger-box,
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 25px;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  background-color: $g-color-white;
}

.hamburger-box {
  height: 17px;
}

.hamburger--slider .hamburger-inner {
  top: 0;
}

.hamburger--slider .hamburger-inner:before {
  top: 8px;
}

.hamburger--slider .hamburger-inner:after {
  top: 16px;
}

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}

/* Main navigation */
.navbar-nav {
  .nav-item .nav-link:hover,
  .nav-item.active .nav-link {
    font-weight: 700;
  }
}

/* Background */
.g-theme-bg-blue-dark-v1 {
  background-color: $g-theme-color-blue-dark-v1 !important;

  &--hover:hover {
    background-color: $g-theme-color-blue-dark-v1 !important;
  }

  &--checked {
    input[type="checkbox"]:checked + &,
    input[type="radio"]:checked + &,
    input[type="checkbox"]:checked + * &,
    input[type="radio"]:checked + * & {
      background-color: $g-theme-color-blue-dark-v1 !important;
    }

    &.g-checked,
    .g-checked & {
      background-color: $g-theme-color-blue-dark-v1 !important;
    }
  }

  &-opacity {
    &-0_8 {
      background-color: rgba($g-theme-color-blue-dark-v1, .8) !important;
    }
  }

  &-opacity {
    &-0_9 {
      background-color: rgba($g-theme-color-blue-dark-v1, .9) !important;
    }
  }
}

.g-theme-bg-blue-dark-v2 {
  background-color: $g-theme-color-blue-dark-v2 !important;

  &--hover:hover {
    background-color: $g-theme-color-blue-dark-v2 !important;
  }

  &--checked {
    input[type="checkbox"]:checked + &,
    input[type="radio"]:checked + &,
    input[type="checkbox"]:checked + * &,
    input[type="radio"]:checked + * & {
      background-color: $g-theme-color-blue-dark-v2 !important;
    }

    &.g-checked,
    .g-checked & {
      background-color: $g-theme-color-blue-dark-v2 !important;
    }
  }

  &-opacity {
    &-0_8 {
      background-color: rgba($g-theme-color-blue-dark-v2, .8) !important;
    }
  }
}

.g-theme-bg-blue-dark-v3 {
  background-color: $g-theme-color-blue-dark-v3 !important;

  &--hover:hover {
    background-color: $g-theme-color-blue-dark-v3 !important;
  }

  &--checked {
    input[type="checkbox"]:checked + &,
    input[type="radio"]:checked + &,
    input[type="checkbox"]:checked + * &,
    input[type="radio"]:checked + * & {
      background-color: $g-theme-color-blue-dark-v3 !important;
    }

    &.g-checked,
    .g-checked & {
      background-color: $g-theme-color-blue-dark-v3 !important;
    }
  }

  &-opacity {
    &-0_8 {
      background-color: rgba($g-theme-color-blue-dark-v3, .8) !important;
    }
  }
}

/* Border */
.g-brd-primary-dark-v3 {
  border-color: $g-theme-color-blue-dark-v1 !important;
}

.g-brd-bottom-primary {
  &--hover:hover {
    border-bottom-color: $g-color-primary !important;
  }
}

/* Carousel */
.u-carousel-indicators-v1 li span {
  width: 5px;
  height: 5px;
  background-color: $g-color-white;
}

.u-carousel-indicators-v1 li.slick-active span {
  background-color: $g-color-primary;
}